﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title></title>
    <link href="Styles/LayoutStyleSheet.css" rel="stylesheet" type="text/css" />
    <script src="Scripts/JScript.min.js" type="text/javascript"></script>
    <script type="text/javascript">
        $(document).ready(function () {
            $("#DivLoginForm").show();
            $("#DivSignUp").hide();
            $("#lnkSignUp").on("click", function () {
                $("#DivLoginForm").hide();
                $("#DivSignUp").show();
            });
        });
    </script>
</head>
<body>
    <form method="post" action="Index.aspx" id="form1">
    <div class="aspNetHidden">
        <input type="hidden" name="__EVENTTARGET" id="__EVENTTARGET" value="" />
        <input type="hidden" name="__EVENTARGUMENT" id="__EVENTARGUMENT" value="" />
        <input type="hidden" name="__VIEWSTATE" id="__VIEWSTATE" value="/wEPDwUJNzAwNDk1MjM5ZBgBBR5fX0NvbnRyb2xzUmVxdWlyZVBvc3RCYWNrS2V5X18WCAUMUmFkaW9CdXR0b24xBQxSYWRpb0J1dHRvbjEFDFJhZGlvQnV0dG9uMgUMUmFkaW9CdXR0b24yBQxSYWRpb0J1dHRvbjMFDFJhZGlvQnV0dG9uMwUMUmFkaW9CdXR0b240BQxSYWRpb0J1dHRvbjSMFOYiT9LR2lFJ1erjJLpDYHeDammYJM1JBhjJOhtoHQ==" />
    </div>
    <script type="text/javascript">
//<![CDATA[
        var theForm = document.forms['form1'];
        if (!theForm) {
            theForm = document.form1;
        }
        function __doPostBack(eventTarget, eventArgument) {
            if (!theForm.onsubmit || (theForm.onsubmit() != false)) {
                theForm.__EVENTTARGET.value = eventTarget;
                theForm.__EVENTARGUMENT.value = eventArgument;
                theForm.submit();
            }
        }
//]]>
    </script>
    <div class="aspNetHidden">
        <input type="hidden" name="__EVENTVALIDATION" id="__EVENTVALIDATION" value="/wEWEgKfsr3kDwLbg6bzDwK1qbSRCwKgwImNCwLM9PumDwKj2o+cCwKj2vu4AgK5h62pDwKdlcWpAgKE8/26DALmvpHKAgLs0bLrBgKI+cZsAufki70DAoO62NMEAriz58gKAriz85MFApnAiY0LMGsOQzppdkJDMKB5GIUt3Z9YuOxM7SFgqM0Y6D0sK2I=" />
    </div>
    <div class="DivMainContent">
        <div id="DivLogo" style="width: 100%; height: 45px; background: #990000;">
            <a href="Home.htm" style="border: none; outline: none; cursor: pointer">
                <img src="Images/BoozPortLogo.png" style="width: 200px; height: 45px; margin-left: 35px;
                    border: none; outline: none;" />
            </a>
        </div>
        <div id="DivLoginForm">
            <div id="DivLogin" style="float: left">
                <fieldset style="border: none; border-right: 1px solid #666; margin: 0px">
                    <h1 style="color: #FFFFFF; padding-bottom: 5px">
                        Login with Email</h1>
                    <table>
                        <tr>
                            <td>
                                <span id="lblEmailid">Email or Phone</span>
                                <br />
                                <input name="txtEmailId" class="TextBoxCss" type="text" id="txtEmailId" placeholder="Login with Email or phone"
                                    style="height: 35px; width: 350px;" />
                            </td>
                        </tr>
                        <tr>
                            <td>
                                <span id="lblPassword">Password</span>
                                <br />
                                <input name="txtPassword" class="TextBoxCss" type="password" id="txtPassword" placeholder="********"
                                    style="height: 35px; width: 350px;" />
                            </td>
                        </tr>
                        <tr>
                            <td>
                                <button onclick="location.href='Pages/LiquidFeed.htm';" type="button" class="CSSbutton"
                                    style="height: 35px; width: 350px;">
                                    Login</button>
                            </td>
                        </tr>
                    </table>
                    <div id="Div1" style="float: left; margin: 15px 0 0 5px">
                        <a id="LinkButton1" href="javascript:__doPostBack(&#39;LinkButton1&#39;,&#39;&#39;)"
                            style="color: #FFFFFF">Forgot Password or ID Provieder?</a>
                    </div>
                </fieldset>
            </div>
            <div id="DivSocialMediaButton" style="float: left">
                <fieldset style="margin-top: 20px; border: none">
                    <table>
                        <tr>
                            <td>
                                <button type="button" class="btnFacebook">
                                </button>
                            </td>
                        </tr>
                        <tr>
                            <td>
                                <button type="button" class="btnTwitter">
                                </button>
                            </td>
                        </tr>
                        <tr>
                            <td>
                                <button type="button" class="btnGooglePlus">
                                </button>
                            </td>
                        </tr>
                        <tr>
                            <td>
                                <button type="button" class="btnLinkedIn">
                                </button>
                            </td>
                        </tr>
                    </table>
                    <div style="text-align: left; margin: 10px 0 0 5px">
                        <a>Don't have BoozePort Live ID?</a> <a id="lnkSignUp" href="#" style="border: none;
                            outline: none; color: #fff; cursor: pointer; background-color: transparent; text-decoration: underline">
                            Sign Up</a>
                    </div>
                </fieldset>
            </div>
        </div>
        <div id="DivSignUp">
            <table>
                <tr>
                    <td>
                        <h1 style="margin: 15px 0 10px 0; color: #fff">
                            Sign Up</h1>
                    </td>
                </tr>
                <tr>
                    <td>
                        <input id="RadioButton1" type="radio" name="Check" value="RadioButton1" /><label
                            for="RadioButton1">Individual</label>
                        <input id="RadioButton2" type="radio" name="Check" value="RadioButton2" /><label
                            for="RadioButton2">Institution</label>
                    </td>
                </tr>
                <tr>
                    <td>
                        <div style="margin-left: -4px">
                            <table>
                                <tr>
                                    <td>
                                        <span id="Span1">First name</span>
                                        <br />
                                        <input name="txtFirstName" type="text" id="txtFirstName" class="TextBoxCss" style="height: 30px;
                                            width: 170px;" />
                                    </td>
                                    <td>
                                        <span id="Span2">Last name</span>
                                        <br />
                                        <input name="txtLastName" type="text" id="txtLastName" class="TextBoxCss" style="height: 30px;
                                            width: 170px;" />
                                    </td>
                                </tr>
                            </table>
                        </div>
                    </td>
                </tr>
                <tr>
                    <td>
                        <span id="Span3">Email or mobile number</span>
                        <br />
                        <input name="txtEmail" type="text" id="txtEmail" class="TextBoxCss" style="height: 30px;
                            width: 350px;" />
                    </td>
                </tr>
                <tr>
                    <td>
                        <span id="Span4">Re-enter email or Mobile number</span>
                        <br />
                        <input name="txtReenterEmail" type="text" id="txtReenterEmail" class="TextBoxCss"
                            style="height: 30px; width: 350px;" />
                    </td>
                </tr>
                <tr>
                    <td>
                        <span id="Span5">New password</span>
                        <br />
                        <input name="TextBox1" type="password" id="TextBox1" class="TextBoxCss" style="height: 30px;
                            width: 350px;" />
                    </td>
                </tr>
            </table>
            <table>
                <tr>
                    <td>
                        <h2 style="margin: 10px 0 10px 0; color: #fff">
                            Birthday</h2>
                    </td>
                </tr>
                <tr>
                    <td>
                        <select name="DropDownList1" id="DropDownList1" class="TextBoxCss" style="height: 30px;
                            width: 115px;">
                            <option value="Month">Month</option>
                        </select>
                        <select name="DropDownList2" id="DropDownList2" class="TextBoxCss" style="height: 30px;
                            width: 115px;">
                            <option value="Day">Day</option>
                        </select>
                        <select name="DropDownList3" id="DropDownList3" class="TextBoxCss" style="height: 30px;
                            width: 115px;">
                            <option value="Year">Year</option>
                        </select>
                    </td>
                </tr>
                <tr>
                    <td>
                        <input id="RadioButton3" type="radio" name="gender" value="RadioButton3" /><label
                            for="RadioButton3">Male</label>&nbsp;&nbsp;&nbsp;
                        <input id="RadioButton4" type="radio" name="gender" value="RadioButton4" /><label
                            for="RadioButton4">Female</label>
                    </td>
                </tr>
                <tr>
                    <td>
                        &nbsp;
                    </td>
                    <td>
                        &nbsp;
                    </td>
                </tr>
                <tr>
                    <td>
                        <div>
                            <a style="margin-top: 15px; font-size: 12px">By clicking Sign Up, you agree to our Terms
                                and that you have </a>
                            <br />
                            <a>read our Data Policy, including our Cookie Use.</a>
                        </div>
                        <br />
                        <div>
                            <button id="Button1" type="button" class="CSSbutton" style="width: 150px; height: 30px">
                                Sign Up</button>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                            <button onclick="location.href='Home.htm';" type="button" class="CSSbutton" style="width: 150px;
                                height: 30px">
                                Cancel</button>
                        </div>
                    </td>
                </tr>
            </table>
        </div>
    </div>
    </form>
</body>
</html>
